.prose {
    @apply dark:text-dark-150;

    :where(h2), :where(h3), :where(strong) {
        &:not(:where([class~=not-prose] *)) {
            @apply dark:text-dark-100;
        }
    }

    :where(pre), :where(code) {
        &:not(:where([class~=not-prose] *)) {
            @apply dark:bg-dark-950 dark:text-dark-100;
        }
    }
}

.dark {
    input:-webkit-autofill {
        -webkit-box-shadow: inset 0 0 0 50px theme('colors.dark.250');
        -webkit-text-fill-color: theme('colors.dark.150');

        &:focus, &:active {
            -webkit-box-shadow: inset 0 0 0 50px theme('colors.dark.200') !important;
            -webkit-text-fill-color: theme('colors.dark.100');
        }
    }

    .CodeMirror-selected {
        background: rgba(255, 255, 255, 0.10);
    }

    .CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection {
        background: rgba(255, 255, 255, 0.10);
    }

    .CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection {
        background: rgba(255, 255, 255, 0.10);
    }
}
